<template>
    <div class="mainContent">
        <path-tracking :path='path' />
        <div class="pageContent">
            <div class="tableTitle">预约信息</div>

            <customer-tag 
                title='客户标签'
                :options='customerTagOpt'
            />
        </div>
    </div>
</template>
<script>
    import datas from '../datas.js'
    import pathTracking from '@/components/common/pathTracking'
    import advancedSearch from '@/components/common/filter/advancedSearch.vue'
    import customerTag from '@/components/common/customerTag'
    export default {
        data() {
            return {
                path: ['CRM', '预约管理', '创建预约'],
                dialogView: false,
                // 客户标签
                customerTagOpt: datas.customerTagOpt,
                // input配置
                createScheduleOption: datas.createScheduleOption
            }
        },
        components: {
            advancedSearch,
            pathTracking,
            customerTag
        },
        methods: {
            openBox() {
                this.dialogView = true;
            },
            goBack() {
                this.$router.push({path: '/crm/bookedCustomer'})
            }
        },
        activated() {
            // console.log('createOrder activated')
        },
        deactivated() {

        }
    }
</script>
<style scoped>
    .pageContent{
        padding: 16px;
    }
    .detailBox{
        width: 94%;
        margin-left:3%;
        overflow-x: hidden;
        transform:translateX(-.85rem)
    }
    .tableTitle{
        color: #827060;
        font-size: 1.4rem;
        font-weight: bold;
    }
</style>